body {
	color: #3A3D4B;
}

.f14 {
	font-size: 14rpx;
}

.f16 {
	font-size: 16rpx;
}

.f18 {
	font-size: 18rpx;
}

.f20 {
	font-size: 20rpx;
}

.f24 {
	font-size: 24rpx;
}

.f28 {
	font-size: 28rpx;
}

.f32 {
	font-size: 32rpx;
}

.f36 {
	font-size: 36rpx;
}

.f44 {
	font-size: 44rpx;
}

.w100 {
	width: 100%;
}

.inline {
	display: inline-block;
	vertical-align: top;
}

.bold {
	font-weight: bold;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.clear {
	clear: both;
}

.ml-auto {
	margin-left: auto;
}

.mt10 {
	margin-top: 10rpx;
}

.mt20 {
	margin-top: 20rpx;
}

.mt30 {
	margin-top: 30rpx;
}

.mt50 {
	margin-top: 50rpx;
}

.ml10 {
	margin-left: 10rpx;
}

.ml30 {
	margin-left: 30rpx;
}

.ml40 {
	margin-left: 40rpx;
}

.plr40 {
	padding: 0 40rpx;
}

.auto {
	margin: 0 auto;
}

.flex {
	display: flex;
	align-items: center;
}

.ellpsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ellipsis-two {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.hierarchy-up {
	position: relative;
	z-index: 2;
}